<%@ page import="java.util.HashMap, java.util.ArrayList"%>
<%@ page import="gestores.pagina.GestorConsultaArticulo"%>
<%@ page import="util.*"%>
<%@ page import="java.util.logging.Level,java.util.logging.Logger"%>
<%@ taglib prefix="a" uri="http://java.sun.com/jmaki" %>
<%@ page import= "excepciones.AvwException"%>
<%@ page contentType="text/html;charset=windows-1252"%>


<%
String micro = (String) request.getAttribute("nomMicro");
Logger logger = Utiles.iniciarLogger("articulosJSP", true);
String codCampania = String.valueOf(request.getAttribute("codCampania"));
String codArticulo = request.getParameter("art");
HashMap articuloHash = new HashMap();
ArrayList<HashMap> fotos =null;
StringBuilder value = new StringBuilder();
StringBuilder imagenes = new StringBuilder();
ArrayList<HashMap> documentos = new ArrayList<HashMap>();
ArrayList<HashMap> categoriaArticulo = new ArrayList<HashMap>();
ArrayList<HashMap> articulos = new ArrayList<HashMap>();
ArrayList<HashMap> categoriasFamilia = new ArrayList<HashMap>();
int i = 0;
try{
    articuloHash = GestorConsultaArticulo.obtenerDatosArticuloCampania(codCampania,codArticulo);
    fotos =(ArrayList<HashMap>) articuloHash.get("fotos");
    articulos = GestorConsultaArticulo.obtenerArticulosRelacionados(codCampania,codArticulo);
    categoriaArticulo = (ArrayList<HashMap>) articuloHash.get("categoriaArticulo");
    documentos = (ArrayList<HashMap>) articuloHash.get("documentos");
    categoriasFamilia = GestorConsultaArticulo.obtenerCategoriasPadres(codArticulo);
   // value.append("{items:[");
    imagenes.append("[");
    int tam = 0;
    for (HashMap h : fotos){
        tam ++;
        imagenes.append("{");
        imagenes.append("'caption': '");
        imagenes.append(articuloHash.get("artNombre")); //caption
        imagenes.append("', 'url': '");
        imagenes.append("../../../../img/articulos/"); //imagen
        imagenes.append(h.get("fawCodigo"));
        imagenes.append("_ampliado.jpg");
        if(tam == fotos.size()){
            imagenes.append("'}");
        }else{
            imagenes.append("'},");
        }
        
        // Jmaki
        value.append("{iconSrc:'");
        value.append("./img/articulos/"); //imagen
        value.append(h.get("fawCodigo"));
        value.append(".jpg");
        value.append("',caption:'");
        value.append(h.get("fawDescripcion")); //caption
        value.append("',index:");
        value.append(++i); //indice
        value.append("},");
    }
    imagenes.append("]");
    //value.append("]}");
    
    request.setAttribute("table", value.toString());
} catch (Exception e) {
    logger.info(e.getMessage());
    logger.info(e.toString());
    //request.setAttribute("error",e.getMessage());
    
}//fin catch

%>
<div>
    <script type="text/javascript">
var image_set = <%=imagenes%>;
    </script>
    <table width="786" border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td class="hTituloContenidoHome" colspan="15">
                <div class="HTextoBlanc13PxCenter" align="left"><%=articuloHash.get("artNombre").toString()%></div>
            </td>
        </tr>
        <tr>
            <td colspan="6" width="380" height="368" valign="top">
                <table  height="368" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <td height="25px" style="padding-left: 5px;">
                           <!--
                            <img src="./micrositios/<%=(String) request.getAttribute("nomMicro")%>/imagenes/boton_volver.jpg" value="Volver" type="submit" onclick="document.location.replace('index?<%=(String) session.getAttribute("atributosUrlAnterior")%>');"> 
                           -->
                           <input name="Submit" type="submit" class="boton2" value="Volver" onclick="document.location.replace('index?<%=(String) session.getAttribute("atributosUrlAnterior")%>');" />
                        </td>
                        <td heigth="25px">
                            <%
                            int num=0;
                            for(HashMap categoriaFamiliaHash :categoriasFamilia){
                            num++;
                            %>
                            <a href="index?accion=principal&cat=<%=categoriaFamiliaHash.get("cawCodigo")%>"><%=categoriaFamiliaHash.get("cawNombre")%></a>
                                <%if(num<categoriasFamilia.size()){%>
                                <img src="./micrositios/<%=(String) request.getAttribute("nomMicro")%>/imagenes/menu.gif">
                                <%}%>
                            <%}%>
                        </td>
                    </tr>
                    <tr>
                        <td width="382" height="25" align="center" colspan="2">
                            <img src="./img/marcas/mar_<%=(((String) articuloHash.get("marCodigo")) != "" ? (String) articuloHash.get("marCodigo") : "sinMarca")%>Grande.jpg" width="75" height="28">
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" width="382" height="255" align="center">
                            <div>
                                <a href="#" onclick="return GB_showImageSet(image_set, 1)"> <img src="./img/articulos/<%=(((ArrayList<HashMap>) articuloHash.get("fotos")).size() > 0 ? ((String)(((ArrayList<HashMap>) articuloHash.get("fotos")).get(0).get("fawCodigo"))):"sinFoto")%>_articulo.jpg" border="0"></a> 
                            </div>
                        </td>
                    </tr>
                    <tr><%if(i>1){%>
                        <td height="53" align="center" colspan="2">
                            <!--Comento jmaki hasta no este en produccion -->
                        <div class="HCategoriaTituloTexto"><a:ajax name="dojo.fisheye" args="${table}"/></div></td><%}%>
                    </tr>
                    <tr>
                        <td width="382" height="35" align="center" colspan="2">
                            <a href="#" onclick="return GB_showImageSet(image_set, 1)">Galeria de Imagenes</a>
                            <!--<div class="HTextoBuscando"><img src="./micrositios/<%=(String) request.getAttribute("nomMicro")%>/imagenes/estrellas.gif" width="75" height="14" class="HEstrellas"></div>-->
                        </td>
                    </tr>
                </table>
            </td>
            <td>
                <img src="./micrositios/<%=(String) request.getAttribute("nomMicro")%>/imagenes/divisor_03.jpg" width="2" height="368" alt="">
            </td>
            <td colspan="8" width="402" height="368" valign="top">
                <table  width="403" height="369" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <td colspan="3" rowspan="2" width="201" height="73">
                            <div align="center" class="HTextoNegr13PxCenter">Precio: $<%=articuloHash.get("arcPrecioDescuento")%> - $<%=articuloHash.get("arcPrecioLista")%> </div>
                        </td>
                        <td rowspan="4">
                            <img src="./micrositios/<%=(String) request.getAttribute("nomMicro")%>/imagenes/divisor_02.jpg" width="4" height="148" alt="">
                        </td>
                        <td colspan="2" width="193" height="52" valign="top">
                            <div class="HTextoNegr11PxCenter">El producto sera entregado dentro de los 5 dias habiles.</div>
                        </td>
                        <td rowspan="9">
                            <img src="./micrositios/<%=(String) request.getAttribute("nomMicro")%>/imagenes/divisor_01.jpg" width="4" height="368" alt="">
                        </td>
                        <td>
                            <img src="./micrositios/<%=(String) request.getAttribute("nomMicro")%>/imagenes/espacio.gif" width="1" height="52" alt="">
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" rowspan="3" width="193" height="96">
                            <div class="HTextoNegr11PxCenter">Item #: <%=articuloHash.get("artCodigo")%>
                                <br>
                                Stock:&nbsp;<img src="./micrositios/<%=(String) request.getAttribute("nomMicro")%>/imagenes/tilde.jpg" width="12" height="13"> 
                            </div>
                        </td>
                        <td>
                            <img src="./micrositios/<%=(String) request.getAttribute("nomMicro")%>/imagenes/espacio.gif" width="1" height="21" alt="">
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <a href="index?accion=carrito&carrito=ingresar&codArticulo=<%=codArticulo%>">
                            <img border="0"  src="./micrositios/<%=(String) request.getAttribute("nomMicro")%>/imagenes/btn_comprar.jpg"  alt=""></a>
                        </td>
                        
                        <td colspan="2" align="center">
                            <a href="javascript:abrirVentana('./index?accion=cuotas&monto=<%=articuloHash.get("arcPrecioDescuento")%>&codCampania=<%=codCampania%>','Cuotas','300','250','150','140' );">
                        <img border="0" src="./micrositios/<%=(String) request.getAttribute("nomMicro")%>/imagenes/calcularCuota4.jpg"  alt=""></a></td>
                        <td>
                            <img src="./micrositios/<%=(String) request.getAttribute("nomMicro")%>/imagenes/espacio.gif" width="1" height="24" alt="">
                        </td>
                    </tr>
                    <tr>
                        <td width="78" height="51">
                        </td>
                        <td colspan="2" width="123" height="51">
                        </td> 
                        <td>
                            <img src="./micrositios/<%=(String) request.getAttribute("nomMicro")%>/imagenes/espacio.gif" width="1" height="51" alt="">
                        </td>
                    </tr>
                    <tr>
                        <td colspan="6">
                            <img src="./micrositios/<%=(String) request.getAttribute("nomMicro")%>/imagenes/16-07-09_10.jpg" width="398" height="2" alt="">
                        </td>
                        <td>
                            <img src="./micrositios/<%=(String) request.getAttribute("nomMicro")%>/imagenes/espacio.gif" width="1" height="2" alt="">
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <a href="javascript:abrirVentana('./index?accion=recomendar&art=<%=codArticulo%>&codCampania=<%=codCampania%>','Recomendar','550','300','150','140' );">
                                <img border="0" src="./micrositios/<%=(String) request.getAttribute("nomMicro")%>/imagenes/recomendar4.jpg" alt="">
                            </a>
                        </td>
                        <td colspan="3" align="center">
                            <a href="javascript:abrirVentana('./index?accion=llamar&art=<%=articuloHash.get("artCodigo")%>&codCampania=<%=codCampania%>','Recibir llamado','600','300','150','140');">
                                <img border="0" src="./micrositios/<%=(String) request.getAttribute("nomMicro")%>/imagenes/RecibirLlamada4.jpg"  alt="">
                            </a>
                        </td>
                        <td>
                            <a href="javascript:abrirVentana('./index?accion=calcularEnvio&art=<%=articuloHash.get("artCodigo")%>&codCampania=<%=codCampania%>','Envio articulo ','300','100','150','140' );">
                                <img border="0"  src="./micrositios/<%=(String) request.getAttribute("nomMicro")%>/imagenes/calcularEnvio4.jpg"  alt="">
                            </a>
                        </td>
                        <td>
                            <img src="./micrositios/<%=(String) request.getAttribute("nomMicro")%>/imagenes/espacio.gif" width="1" height="21" alt="">
                        </td>
                    </tr>
                    <tr>
                        <td colspan="6">
                            <img src="./micrositios/<%=(String) request.getAttribute("nomMicro")%>/imagenes/16-07-09_14.jpg" width="398" height="2" alt="">
                        </td>
                        <td>
                            <img src="./micrositios/<%=(String) request.getAttribute("nomMicro")%>/imagenes/espacio.gif" width="1" height="2" alt="">
                        </td>
                    </tr>
                    <tr>
                        <td colspan="6" width="398" height="173" valign="top">
                            <div class="HTextoNegr13PxCenter">DESCRIPCION PRODUCTO</div>
                            <br>
                            <div align="center" class="HTextoNegr11Px"><%=articuloHash.get("artDescripcion")%>
                            </div>
                        </td>
                        <td>
                            <img src="./micrositios/<%=(String) request.getAttribute("nomMicro")%>/imagenes/espacio.gif" width="1" height="173" alt="">
                        </td>
                    </tr>
                    <tr>
                        <!--Si hay documentos agrego el link-->
                        <%if (documentos.size() != 0){%>
                        <td colspan="3">
                            <!---Agregar el link a los documentos mas abajo -->
                            <a href="#DocRel">
                                <img border="0" src="./micrositios/<%=(String) request.getAttribute("nomMicro")%>/imagenes/imgDocumentosRelacionados4.jpg" alt="">
                            </a>
                        </td>
                        <%}%>
                        <%if (categoriaArticulo.size() != 0){%>
                        <td colspan="3">
                            <!---Agregar el link a las especificaciones -->
                            <a href="#EspTecnicas">
                                <img border="0" src="./micrositios/<%=(String) request.getAttribute("nomMicro")%>/imagenes/imgEspecificaciones4.jpg"  alt="">
                            </a>
                        </td>
                        <%}%>	
                        <td>
                            <img src="./micrositios/<%=(String) request.getAttribute("nomMicro")%>/imagenes/espacio.gif" width="1" height="22" alt="">
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <img src="./micrositios/<%=(String) request.getAttribute("nomMicro")%>/imagenes/espacio.gif" width="78" height="1" alt="">
                        </td>
                        <td>
                            <img src="./micrositios/<%=(String) request.getAttribute("nomMicro")%>/imagenes/espacio.gif" width="23" height="1" alt="">
                        </td>
                        <td>
                            <img src="./micrositios/<%=(String) request.getAttribute("nomMicro")%>/imagenes/espacio.gif" width="100" height="1" alt="">
                        </td>
                        <td>
                            <img src="./micrositios/<%=(String) request.getAttribute("nomMicro")%>/imagenes/espacio.gif" width="4" height="1" alt="">
                        </td>
                        <td>
                            <img src="./micrositios/<%=(String) request.getAttribute("nomMicro")%>/imagenes/espacio.gif" width="96" height="1" alt="">
                        </td>
                        <td>
                            <img src="./micrositios/<%=(String) request.getAttribute("nomMicro")%>/imagenes/espacio.gif" width="97" height="1" alt="">
                        </td>
                        <td>
                            <img src="./micrositios/<%=(String) request.getAttribute("nomMicro")%>/imagenes/espacio.gif" width="4" height="1" alt="">
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td colspan="15">
                <img src="./micrositios/<%=(String) request.getAttribute("nomMicro")%>/imagenes/lineaHor1.jpg" width="786" height="4" alt="">
            </td>
        </tr>
        <!--Agrego los articulos relacionados-->
        <%
        // Articulos relacionados
        if (articulos.size() != 0){
        %>
        <tr>
            <td colspan="15" class="hfondoArticulo">
                <div class="HSeparadorTituloTexto">PRODUCTOS RELACIONADOS</div>
            </td>
        </tr>
        <tr>
            <%
            int columna = 0;
            for(HashMap relacionadoHash : articulos){
            columna ++;
            String foto = "sinFoto";
            HashMap art = null;
            if (((ArrayList<HashMap>)relacionadoHash.get("fotos")).size()!=0){
            art = (HashMap)((ArrayList<HashMap>)relacionadoHash.get("fotos")).get(0);
            }
            if (art != null && !art.get("fawCodigo").toString().equals("")){
            foto = art.get("fawCodigo").toString();
            }
            String titulo = "";
            if (relacionadoHash.get("arasTitulo")!=null){
            titulo = (String)relacionadoHash.get("arasTitulo");
            }else{
            titulo = (String)relacionadoHash.get("artNombre");
            }
            %>
            <td>
                <img border='0' src="./micrositios/<%=(String) request.getAttribute("nomMicro")%>/imagenes/lineaPuntosVert.jpg" width="1" height="173" alt="">
            </td>
            <td width="128" valign="top">
                <table  width="126" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <td colspan="2" width="128" height="33">
                            <div class="HExhibidorConsultarTexto1">
                                <a href='index?accion=articulo&art=<%=relacionadoHash.get("artCodigo")%>'><%=titulo%>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" width="128" height="83" align="center">
                            <div><a href='index?accion=articulo&art=<%=relacionadoHash.get("artCodigo")%>'><img border='0' src='./img/articulos/<%=foto%>_baja.jpg'  alt=""></a> </div>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" width="128" height="40">
                            <div class="ExhibidordestacadoTexto2">
                                <a href='index?accion=articulo&art=<%=relacionadoHash.get("artCodigo")%>'><%=relacionadoHash.get("artNombre")%>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td width="64" height="18">
                        </td>
                        <td>
                            <a href='index?accion=articulo&art=<%=relacionadoHash.get("artCodigo")%>'>
                                <img border='0' src="./micrositios/<%=(String) request.getAttribute("nomMicro")%>/imagenes/btnMasInfo.jpg" width="64" height="18" alt="">
                            </a>
                        </td>
                    </tr>
                </table>
            </td>
            <%}//fin for %>
            <td>
                <img border='0' src="./micrositios/<%=(String) request.getAttribute("nomMicro")%>/imagenes/lineaPuntosVert.jpg" width="1" height="173" alt="">
            </td>
        </tr>
        <%} //fin if size%>
        <tr>
            <td colspan="15">
                <img border='0' src="./micrositios/<%=(String) request.getAttribute("nomMicro")%>/imagenes/16-07-04_20.jpg" width="786" height="1" alt="">
            </td>
        </tr>
        <tr>
            <td colspan="15" width="786" valign="top">
                <%
                if (categoriaArticulo.size() != 0){
                boolean par = true;
                String estilo="";
                %>
                <a name="EspTecnicas"><span class="titulosArticuloVarios">Caracteristicas tecnicas:</span>
                </a>
                <table cellpadding="0" cellspacing="0" width="786">
                    <%
                    for(HashMap categoria: categoriaArticulo){
                    if(par){par=false; estilo="fondoCaracteristicaPar";}
                    else{par=true; estilo="fondoCaracteristicaImpar";}						
                    %>
                    <tbody>
                        <tr class="<%=estilo%>">
                            <td class="tituloComparar"><%=categoria.get("cruNombre")%> 
                            </td>
                            <td class="textoComparar"><%=categoria.get("carValor")%>
                            </td>
                        </tr>
                    </tbody>
                    <%} //fin for%>
                </table>
                <!--finaliza caracteristicas tecnicas-->
                <hr>
                <%} //fin if size%>					
                <%
                if (documentos.size() != 0){
                Recurso r = new Recurso("negocio.properties");
                boolean par = true;
                String estilo="";
                %>
                <a name="DocRel">
                    <span class="titulosArticuloVarios">Documentos relacionados:</span>
                </a>
                <table cellpadding="0" cellspacing="0" width="786">
                    <tbody>
                        <tr class="fondoCaracteristicaImpar">
                            <td class="tituloComparar"></td>
                            <td class="textoComparar"><div align="center">Tipo de Documento</div>
                            </td>
                        </tr>
                        <!--for documentos-->
                        <%for(HashMap documento: documentos){
                        if(par){par=false; estilo="fondoCaracteristicaPar";}
                        else{par=true; estilo="fondoCaracteristicaImpar";}	
                        %>
                        <tr class="<%=estilo%>">
                            <td class="tituloComparar">
                                <a href="<%="./doc/articulos/" +documento.get("dawCodigo")+".pdf"%>"><%=documento.get("dawDescripcion")%>
                                </a>
                            </td>
                            <td class="textoComparar"><div align="center">
                                    <a href="<%="./doc/articulos/" +documento.get("dawCodigo")+".pdf"%>"><img src="./micrositios/<%=(String) request.getAttribute("nomMicro")%>/imagenes/zip.gif" width="17" height="18" border="0">
                                    </a>
                            </div></td>
                        </tr>
                        <%}//fin for%>
                        <!--fin for documentos-->
                    </tbody>
                </table>
                <br>
                <%} //fin if size %>					
            </td><!---antes de especificaciones-->
        </tr><!---antes de especificaciones-->
        <!--Descomentar al implementar los comentarios-->
        <!--
	<tr>
		<td colspan="15" class="hfondoArticulo">
			<div class="HSeparadorTituloTexto">COMENTARIOS SOBRE EL PRODUCTO</div>
		</td>
	</tr>
	
	<tr>
		<td colspan="15" width="786">&nbsp;</td>
	</tr>
	<tr>
		<td width="5" height="1"></td>
		<td width="128" height="1"></td>
		<td width="2" height="1"></td>
		<td width="128" height="1"></td>
		<td width="2" height="1"></td>
		<td width="117" height="1"></td>
		<td width="2" height="1"></td>
		<td width="9" height="1"></td>
		<td width="2" height="1"></td>
		<td width="128" height="1"></td>
		<td width="2" height="1"></td>
		<td width="128" height="1"></td>
		<td width="2" height="1"></td>
		<td width="128" height="1"></td>
		<td width="3" height="1"></td>
	</tr>
        -->
    </table>
    <!--Funcion necesaria para jmaki-->
    <script type="text/javascript">
        function fisheyeListener(item)
        {
			var targetDiv = document.getElementById("newpage");
			var responseText = "";
			var index = Number(item.index); 
     
			switch(index){
			<%
				i = 0;
                                value.append("{items:[");
                                for (HashMap h : fotos){
				%>
					case <%=++i%>: responseText +='<img  src="./img/articulos/<%=h.get("fawCodigo")%>_alta.jpg"/>';
					break;
				<%
					}
				%>
			break;
			default: responseText += 'ups! hemos tenido un inconveniente...';
			break;
			}
			targetDiv.innerHTML = responseText;
         }
        jmaki.subscribe("/dojo/fisheye", fisheyeListener);
    </script>
</div>
